<template>
  <div class="app-container">
    <el-card class="box-card">
      <el-form ref="form" :model="form">


        <el-descriptions title="个人基本信息" style="text-align: center" :column="2" border>
          <el-descriptions-item label="姓名" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
            {{form.username }}
          </el-descriptions-item>
          <el-descriptions-item label="性别" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
            <dict-tag :options="dict.type.sys_user_sex" :value="form.gender"/>
          </el-descriptions-item>
          <!--              <el-descriptions-item label="出生日期" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
                          {{ form.birth }}
                        </el-descriptions-item>-->
          <el-descriptions-item label="年龄" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
            {{ form.age}}
          </el-descriptions-item>
          <!--              <el-descriptions-item label="证件编号" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
                          form.certificateId}}
                        </el-descriptions-item>-->
          <el-descriptions-item label="身份证号" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
              form.idNumber}}
          </el-descriptions-item>
          <el-descriptions-item :contentStyle="contentStyle" label="部门" :span="1" label-class-name="my-label" :labelStyle="labelStyle">
            <dict-tag :contentStyle="contentStyle" :options="dict.type.yh_deptid" :value="form.deptid" /></el-descriptions-item>
          <el-descriptions-item label="籍贯" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
              form.nativePlace}}
          </el-descriptions-item>
          <!--              <el-descriptions-item label="出生地" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
                          {{ form.birthplace }}
                        </el-descriptions-item>-->
          <el-descriptions-item label="政治面貌" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
            <dict-tag :options="dict.type.yh_politics" :value="form.politics" style="float:left;"/>
          </el-descriptions-item>
          <!--              <el-descriptions-item label="人员类别" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
                          {{ form.personnelCategory }}
                        </el-descriptions-item>-->
          <el-descriptions-item label="民族" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
              form.nation}}
          </el-descriptions-item>
          <!--              <el-descriptions-item label="手机号1" :span="1" label-class-name="my-label":contentStyle="contentStyle"  :labelStyle="labelStyle">
                          {{ form.phoneOne }}
                        </el-descriptions-item>
                        <el-descriptions-item label="手机号2" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
                          {{ form.phoneSecond }}
                        </el-descriptions-item>-->

        </el-descriptions>
        <br/>
        <!--
                    <el-descriptions title="个人学历信息" :column="2" border>

                      <el-descriptions-item label="最高学历" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
                        <dict-tag :options="dict.type.yh_highest_education" :value="form.highestEducation"/>
                      </el-descriptions-item>

                      <el-descriptions-item label="最高学位" label-class-name="my-label" :span="1"  :contentStyle="contentStyle" :labelStyle="labelStyle">
                        <dict-tag :options="dict.type.yh_highest_degree" :value="form.highestDegree" style="float:left;"/>
                      </el-descriptions-item>

                      <el-descriptions-item label="专业" :span="1" label-class-name="my-label":contentStyle="contentStyle" :labelStyle="labelStyle">
                        {{ form.major }}
                      </el-descriptions-item>
                      <el-descriptions-item label="毕业学校" :span="1" label-class-name="my-label" :contentStyle="contentStyle" :labelStyle="labelStyle">
                        {{ form.graduationSchool }}
                      </el-descriptions-item>


                    </el-descriptions>
                    <br/>
                    <el-descriptions title="个人在职信息" :column="2" border>

                      <el-descriptions-item label="参加工作时间" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
                        form.workingTime}}
                      </el-descriptions-item>

                      <el-descriptions-item label="部职别" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
                        form.departmentTitle }}
                      </el-descriptions-item>
                    </el-descriptions>
                    <br/>-->
        <el-descriptions title="党团员信息" :column="2" border>

          <el-descriptions-item label="所在支部" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
              form.branch}}
          </el-descriptions-item>
          <el-descriptions-item label="入党/团时间" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
              form.partyTime }}
          </el-descriptions-item>
          <!--          <el-descriptions-item label="支部状态" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
                        form.branchStatus }}
                    </el-descriptions-item>
                    <el-descriptions-item label="家庭住址" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
                        form.homeAddress}}
                    </el-descriptions-item>-->
          <el-descriptions-item label="家庭住址" label-class-name="my-label" :span="2" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
              form.homeAddress}}
          </el-descriptions-item>
          <!--          <el-descriptions-item label="党团员" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
                        form.formalPreparation }}
                    </el-descriptions-item>-->
          <!--          <el-descriptions-item label="入团时间" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
                        form.entryTime}}
                    </el-descriptions-item>-->


        </el-descriptions>
        <br/>
        <el-descriptions title="组织关系转正信息" :column="2" border>

<!--
          <el-descriptions-item label="转正状态" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">{{
              form.turnPositive}}
          </el-descriptions-item>
-->

          <el-descriptions-item label="介绍信编号" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">
            {{form.note1}}
          </el-descriptions-item>
          <el-descriptions-item label="上级党组织名称" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle">
            {{form.note2}}
          </el-descriptions-item>
          <el-descriptions-item label="组织关系接收单位名称" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle1">{{
              form.organizationRelationship}}
          </el-descriptions-item>

          <el-descriptions-item label="组织关系接收单位所在城市" label-class-name="my-label" :span="1" :contentStyle="contentStyle" :labelStyle="labelStyle1">{{
              form.organizationCity }}
          </el-descriptions-item>
          <el-descriptions-item label="备注" label-class-name="my-label" :span="2" :contentStyle="contentStyle"  :labelStyle="labelStyle2">
            {{ form.remark }}
          </el-descriptions-item>
        </el-descriptions>
<!--        <br/>
            <el-descriptions title="其他履历信息" :column="2" border>
              <el-descriptions-item label="入伍时间" label-class-name="my-label" :span="2" :contentStyle="contentStyle" :labelStyle="labelStyle2">
                {{ form.militaryTime }}
              </el-descriptions-item>

              <el-descriptions-item label="参加重大JS行动情况" label-class-name="my-label" :span="2" :contentStyle="contentStyle" :labelStyle="labelStyle2">
                {{ form.majorOperations }}
              </el-descriptions-item>

              <el-descriptions-item label="参加ZZ情况" label-class-name="my-label" :span="2" :contentStyle="contentStyle" :labelStyle="labelStyle2">
                {{ form.combatParticipation }}
              </el-descriptions-item>

              <el-descriptions-item label="奖惩情况" label-class-name="my-label" :span="2" :contentStyle="contentStyle" :labelStyle="labelStyle2">
                {{ form.reward }}
              </el-descriptions-item>

              <el-descriptions-item label="教育培训经历" label-class-name="my-label" :span="2" :contentStyle="contentStyle" :labelStyle="labelStyle2">
                {{ form.educationTraining }}
              </el-descriptions-item>

              <el-descriptions-item label="简历" label-class-name="my-label" :span="2" :contentStyle="contentStyle" :labelStyle="labelStyle2">
                {{ form.resume }}
              </el-descriptions-item>

              <el-descriptions-item label="备注" label-class-name="my-label" :span="2" :contentStyle="contentStyle"  :labelStyle="labelStyle2">
                {{ form.remark }}
              </el-descriptions-item>

            </el-descriptions>-->

      </el-form>
<br/>
      <div style="float:right; margin-bottom: 15px;">

        <el-button @click="viewCancel">返 回</el-button>
      </div>
    </el-card>
  </div>
</template>
<style>
  .img-box1 {
    white-space: pre-wrap;
    width: 90%;

    position: center;
    margin:20px auto;
  }
  .img-box1 img {
    width: 70%;

    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .imgpre{
    width:200px;
    height: 100px;


  }
  .ifr{
    width: 70%;
    height: 700px;

    position: relative;
    left: 50%;
    transform: translateX(-50% );
  }


  .input_text input.el-input__inner {
    border: none
  }

  input:disabled{

    background-color: #F5F5F5;

    color:#F5F5F5;
  }


</style>
<script>
import { listTransfer, getTransfer, delTransfer, addTransfer, updateTransfer } from "@/api/module/dr/transfer";
  // 导入模板接口importTemplate
import watermark from "watermark-dom";
  export default {
    name: "membersdetail",
    components: {},
    dicts: ['sys_user_sex',
      'yh_deptid',
      'yh_highest_degree',
      'yh_highest_education',
      'yh_politics',
      'yh_position_grade',
      'yh_technical_position',
      'yh_rank',
      'yh_present_occupation',
      'yh_current_job_level',
      'yh_military_rank',
      'yh_deptid'],

    data() {
      return {
        mounted() {
          watermark.load({ watermark_txt: "  "   });
        },
        options: [{
          value: '1',
          label: '是'
        }, {
          value: '2',
          label: '否'
        }],
        contentStyle: {
          'width':'200px'
        },
        //label样式
         labelStyle: {'width': '9%', 'color': '#000000', 'text-align': 'right',},
        labelStyle1: {'width': '16%', 'color': '#000000', 'text-align': 'right',},
        labelStyle2: {'width': '13%', 'color': '#000000', 'text-align': 'right',},
        option_nation: [
          {value: '汉族', label: '汉族'}, {value: '阿昌族', label: '阿昌族'},
          {value: '鄂温克族', label: '鄂温克族'}, {value: '傈僳族', label: '傈僳族'},
          {value: '水族', label: '水族'}, {value: '白族', label: '白族'},
          {value: '高山族', label: '高山族'}, {value: '珞巴族', label: '珞巴族'},
          {value: '塔吉克族', label: '塔吉克族'}, {value: '保安族', label: '保安族'},
          {value: '仡佬族', label: '仡佬族'}, {value: '满族', label: '满族'},
          {value: '塔塔尔族', label: '塔塔尔族'}, {value: '布朗族', label: '布朗族'},
          {value: '哈尼族', label: '哈尼族'}, {value: '毛南族', label: '毛南族'},
          {value: '土家族', label: '土家族'}, {value: '布依族', label: '布依族'},
          {value: '哈萨克族', label: '哈萨克族'}, {value: '门巴族', label: '门巴族'},
          {value: '土族', label: '土族'}, {value: '朝鲜族', label: '朝鲜族'},
          {value: '蒙古族', label: '蒙古族'}, {value: '佤族', label: '佤族'},
          {value: '达斡尔族', label: '达斡尔族'}, {value: '赫哲族', label: '赫哲族'},
          {value: '苗族', label: '苗族'}, {value: '维吾尔族', label: '维吾尔族'},
          {value: '傣族', label: '傣族'}, {value: '回族', label: '回族'},
          {value: '仫佬族', label: '仫佬族'}, {value: '乌孜别克族', label: '乌孜别克族'},
          {value: '德昂族', label: '德昂族'}, {value: '基诺族', label: '基诺族'},
          {value: '纳西族', label: '纳西族'}, {value: '锡伯族', label: '锡伯族'},
          {value: '东乡族', label: '东乡族'}, {value: '京族', label: '京族'},
          {value: '怒族', label: '怒族'}, {value: '瑶族', label: '瑶族'},
          {value: '侗族', label: '侗族'}, {value: '景颇族', label: '景颇族'},
          {value: '普米族', label: '普米族'}, {value: '彝族', label: '彝族'},
          {value: '独龙族', label: '独龙族'}, {value: '柯尔克孜族', label: '柯尔克孜族'},
          {value: '羌族', label: '羌族'}, {value: '裕固族', label: '裕固族'},
          {value: '俄罗斯族', label: '俄罗斯族'}, {value: '拉祜族', label: '拉祜族'},
          {value: '撒拉族', label: '撒拉族'}, {value: '藏族', label: '藏族'},
          {value: '鄂伦春族', label: '鄂伦春族'}, {value: '黎族', label: '黎族'},
          {value: '畲族', label: '畲族'}, {value: '壮族', label: '壮族'},
          {value: '穿青族', label: '穿青族'}, {value: '达曼族', label: '达曼族'},
        ],
        form: {
          username: null,
          departmentTitle: null,
          birth: null,
          gender: null,
          certificateId: null,
          age: null,
          deptid: null,
          idNumber: null,
          phoneOne: null,
          phoneSecond: null,
          nativePlace: null,
          birthplace: null,
          nation: null,
          highestEducation: null,
          highestDegree: null,
          graduationSchool: null,
          major: null,
          personnelCategory: null,
          politics: null,
          workingTime: null,
          militaryTime: null,
          educationTraining: null,
          combatParticipation: null,
          majorOperations: null,
          reward: null,
          resume: null,
          baseRank: null,
          userId: null,
          deptId: null,
          branchId: null,
          branch: null,
          branchStatus: null,
          homeAddress: null,
          formalPreparation: null,
          entryTime: null,
          partyTime: null,
          turnPositive: null,
          isPositive: null,
          organizationRelationship: null,
          organizationCity: null,
          reviewerId: null,
          reviewerStatus: null,
          reviewerResult: null,
          reviewerTiem: null,
          reviewerComments: null,
          createBy: null,
          createTime: null,
          updateBy: null,
          updateTime: null,
          remark: null,
          note1: null,
          note2: null,
          note3: null,
          note4: null,
          note5: null,
          note6: null,
          note7: null,
          note8: null,
          note9: null,
          note10: null
        },
        // 选中选项卡的 name
        //activeName: "columnInfo",
        // 表格的高度
        tableHeight: document.documentElement.scrollHeight - 245 + "px",
        // 表信息
        tables: [],
        // 表列信息
        columns: [],
        // 字典信息
        dictOptions: [],
        // 菜单信息
        menus: [],
        // 表详细信息
        info: {
          note1: "",
          note2: ""
        },
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          title: undefined,
          operName: undefined,
          businessType: undefined,
          status: undefined
        }
      };
    },
    created() {
      const id = this.$route.query.id;
      if (id) {
        // 获取表详细信息
        getTransfer(id).then(res => {
          this.form = res.data;
        });
      }
    },
    methods: {


      /** 关闭按钮 */
      viewCancel() {
        const id = this.$route.query.id;
        getTransfer(id).then(response => {
          this.form = response.data;

        });
        const obj = {path: "/dangzheng/drtransferindex", query: {id}};
        this.$tab.closeOpenPage(obj);
      }
    },
  };
</script>






